<%@page import="java.util.*"%>
<%@page import="Data.*"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>BackupStuff</title>
        <style type="text/css">
            <!--
.imageDetailRow {
	padding: 5px;
	height: 80px;
	width: 700px;
	border: 1px dotted #0000CC;
}
.thumbCell {
	background-color: #FFFFFF;
	padding: 2px;
	float: left;
	height: 68px;
	width: 100px;
	border: solid #FF0000;
}

body {
	background-color: #FFFFFF;
	background-image: url(Images/background_grad_small.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
-->       

	
	</style>
    <link href="mystuff_text.css" rel="stylesheet" type="text/css">
    <link href="mystuff_layout.css" rel="stylesheet" type="text/css">
    <script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
    </script>
    </head>
    <body onLoad="MM_preloadImages('Images/cancel_transaction_over.gif','Images/button_checkout_over.png','Images/button_clear_cart_over.png')">
        <div id="main_container">
			<div id="interface_nav_container">
				<div id="small_logo">
					<img src="Images/logo_small.gif">
				</div>
				<div id="interface_top_swap">
					<img src="Images/top_backup_stuff.jpg" width="169" height="111"></div>
			</div><!-- /interface_nav_container -->
			<div id="backup_cancel_container">
				<div class="step"><img src="Images/backup_my_stuff.gif" width="240" height="29">				</div>
				<div class="cancel_backup">				
					<a href="#" onMouseOver="MM_swapImage('cancel','','Images/cancel_transaction_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Images/cancel_transaction_off.gif" name="cancel" border="0" id="cancel"></a> </div>
		  </div><!-- /step_cancel_container -->
		</div><!-- /main_container -->
		
		<h1>BackupStuff</h1>
        <form action="edu.byu.isys413.actions.BuyMoreSpace.action">
            Buy more backup space?   (We need a pull down menu to select amount of space)
            <input type="button" value="Ok">
        </form>
        
        <%
        List<BackupFileBO> backupFiles = (List<BackupFileBO>)request.getAttribute("backupFiles");
        if(backupFiles == null){
        %>
        You have no uploaded files.
        <%}else{%>    
        <p>&nbsp;</p>,
        <div class="imageDetailRow">
            <div class="thumbCell">Icon</div>
            <div class="thumbCell">Filename</div>
            <div class="thumbCell">Size</div>
            <div class="thumbCell">Button</div>
        </div>
        <%for(int i=0; i<backupFiles.size(); i++){%>
        <p>
        </p>
        <p>&nbsp;        </p>
        <div class="imageDetailRow">
            <div class="thumbCell"><%//backupFiles.get(i)%></div>
            <div class="thumbCell"><%=backupFiles.get(i).getFileName()%></div>
            <div class="thumbCell"><%=backupFiles.get(i).getSize()%></div>
            <div class="thumbCell">
                <form action="edu.byu.isys413.actions.DeleteFile.action">
                    <input type="submit" value="Delete">
                </form>
            </div>
        </div>
        <%}//for
        }//else%>
        
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <form action="edu.byu.isys413.actions.UploadFile.action" method="post" enctype="multipart/form-data">
            
            <p>Please select the files to upload:
                <input type="file" name="myfile">
            </p>
            <p>            <input type="file" name="myfile2">
            </p>
            <p>            <input type="file" name="myfile3">
            </p>
            <p>
            <br>
            <input type="submit" name="Submit" value="Submit">
        </form>
        
    </body>
</html>
